/** Add css rules here for your application. */
.goodAnswer {
	background-color: green;
}

.badAnswer {
	background-color: red;
}

/* score list header row */
.scoreListHeader {
	background-color: #2062B8;
	color: white;
	font-style: italic;
}

/* score list flex table */
.scoreList {
	border: 1px solid silver;
	padding: 2px;
	margin-bottom: 6px;
}

/* score list fields */
.scoreListNumericColumn {
	text-align: right;
	width: 8em;
}

a, a:visited, a:hover {
	color: #97AC24;
	text-decoration:none;
}

a:hover {

	text-decoration:underline;
}	

.gwt-TabLayoutPanelContent {
	background: #FFFFFF url(img/main_shadow.gif) repeat-x scroll center top
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	border-style: none;
	border-top:1px solid #A6A6A6;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
 background-color: #FFF;	
 font-weight:normal;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
 background-color: #edeff0;
 font-weight:bold;

}	
.footer {
	background: transparent url(img/footer1px.jpg) repeat-x scroll 0 0;
	border-top: 1px solid #CCCCCC;
	display: block;
	font-size: 11px;
	/*height: 88px;*/
	line-height: 145%;
	width: 100%;
}

.footer a {
	color: #2A2A2A;
}

.headerTop {
	margin-left: 10%;
	margin-top: 2em;
}

h1 a {
	color: #FFFFFF;
	display: block;
	font-family: "Trajan Pro";
	height: 30px;
	letter-spacing: 0;
	text-decoration: none;
}

h1 a:hover, h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.headerLink, a:visited.headerLink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

a:hover.headerLink {
		text-decoration: underline;
	}


.headerLinks {
	 float:right;
	 color: #FFFFFF;
	 margin-right: 10px;
} 	

.tagline {
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 10px;
	padding: 0 3px;
	text-decoration: none;
	float: left;
}